<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 登录页； html + css 看懂就行，能改就帮，会写无敌 -->
    <style>
        div {
            background-color:aqua;
            /* 盒子内容的空间大小 */
            width: 350px;
            height: 150px;
            /* 外边距 */
            margin: 10px;
            /* 内边距：盒子内填充 */
            padding: 25px;
            border: 5px solid black;
        }
    </style>
</head>
<body>
    
    <!-- 页面超级卡车，拉了很多盒子 -->
    <div>
        <div class="inline_div">Hello</div>
        <div class="inline_div">World</div>
        <div class="inline_div">Java</div>
    </div>


    <!-- 区块盒子：块级元素 -->

<style>
    .inline_div {
        display: inline;
        /* 行内盒子，宽高失效; 摆到一行 */
        width: 300px;
        height: 200px;
        margin-left: 20px;
        padding: 10px;
        background-color: #ffb86c;
    }
</style>
</body>
</html>